<form [formGroup]="driverForm" (ngSubmit)="onSubmit(driverForm.value)" class="form-horizontal">
  <div class="row roomTitle" >
    <div class="col-sm-offset-1 col-sm-5 title">
      <span class="glyphicon glyphicon-file"></span>
      <label>编辑司机信息</label>
    </div>
    <div class="col-sm-offset-5 col-sm-1">
      <button id="btn_roomsub" type="submit" class="btn btn-default btn-sm buttonSubmit">
        提交
      </button>
    </div>
  </div>
  <div>
    <hr style="border-bottom: 1px solid #e5e5e5;"/>
  </div>
  <br>
  <div class="row">
    <div align="col-sm-offset-2 col-sm-10">
      <div class="form-group">
        <label class="control-label col-sm-offset-2 col-sm-2"><span class="necessary">*</span>&nbsp;司机代号</label>
        <div class="col-sm-4">
          <div class="row">
            <div class="col-sm-9">
              <input formControlName="creator" type="hidden" class="form-control " id="creator"/>
              <input readonly formControlName="id" type="text" class="form-control " id="id"/>
            </div>
            <div class="col-sm-3">
              <button disabled id="btn_select" type="button" (click)="driverOpenWin()" class=" btn btn-default btn-sm buttonSelect" data-toggle="modal">
                选择
              </button>
            </div>
          </div>
        </div>
      </div>
      <div class="form-group">
        <label class="control-label col-sm-offset-2 col-sm-2"><span class="necessary">*</span>&nbsp;司机名称</label>
        <div class="col-sm-4">
          <input formControlName="name" type="text" class="form-control " id="name"/>
        </div>
      </div>
      <div class="form-group">
        <label class="control-label col-sm-offset-2 col-sm-2">出生年月</label>
        <div class="col-sm-4">
          <div class="input-group date" id="birthdays">
            <input readonly formControlName="birthday" class="form-control" type="text" id="birthday"/>
            <span class="input-group-addon">
                 <span class="glyphicon glyphicon-calendar"></span>
            </span>
          </div>
        </div>
      </div>
      <div class="form-group">
        <label class="control-label col-sm-offset-2 col-sm-2"><span class="necessary">*</span>&nbsp;司机性别</label>
        <div class="col-sm-4">
          <nz-radio-group formControlName="gender" [(ngModel)]="radioValue" class="etc">
            <label nz-radio [nzValue]="1">
              <span>男</span>
            </label>
            <label nz-radio [nzValue]="0">
              <span>女</span>
            </label>
          </nz-radio-group>
        </div>
      </div>
      <div class="form-group">
        <label class="control-label col-sm-offset-2 col-sm-2"><span class="necessary">*</span>&nbsp;司机电话</label>
        <div class="col-sm-4">
          <input formControlName="phone" type="text" class="form-control " id="phone"/>
        </div>
      </div>
      <div class="form-group">
        <!--<div class="col-sm-1"></div>-->
        <label class="control-label col-sm-offset-2 col-sm-2"><span class="necessary">*</span>&nbsp;准驾车型</label>
        <div class="col-sm-4">
          <select  formControlName="licenseType" class="selectpicker form-control" style="height: 30px" id="licenseType"
          >
            <option *ngFor="let gType of licenseTypes" [value]="gType.id">{{gType.name}}</option>
          </select>
        </div>
      </div>
      <div class="form-group">
        <label class="control-label col-sm-offset-2 col-sm-2">领证日期</label>
        <div class="col-sm-4">
          <div class="input-group date" id="certificationDates">
            <input readonly formControlName="certificationDate" class="form-control" type="text" id="certificationDate"/>
            <span class="input-group-addon">
                 <span class="glyphicon glyphicon-calendar"></span>
            </span>
          </div>
        </div>
      </div>
    </div>
  </div>
</form>
<div class="row">
  <div class="col-sm-offset-1 col-sm-7">
    <app-file-upload></app-file-upload>
  </div>
</div>

<!-- 人员开窗modal -->
<nz-modal id="userModal"  [nzVisible]="userIsVisible" [nzTitle]="'单选人员开窗'" [nzContent]="userModalContent"
          [nzFooter]="false" (nzOnCancel)="userHandleCancel($event)" >
  <ng-template #userModalContent>
    <app-user-table></app-user-table>
  </ng-template>
</nz-modal>

